locationHeader.vue<template>
  <div class="search">
  <span class="iconfont">&#xe86e;</span>
<input
 type="text"
  class="search-input"
  placeholder="中文/拼音/首字母"
  >

</div>
</template>

<script>


export default {
  name: 'locationHeader'


}
</script>


<style lang="stylus" scoped>
.search
  position:relative
  height:.72rem
  background:#e0e4ec
  padding:.2rem
    .iconfont
      position:absolute
      top:.4rem
      left:.4rem
  .search-input
    height:.72rem
    line-height:.72rem
    width:100%
    border-radius:.06rem
    text-align:left
    box-sizing:border-box
    padding-left:.7rem
    color:#666


</style>
    


